<!--{template "topic_header"}-->

<!--{if $this->Config[ad_enable] && $this->Config[ad][ad_list][group_myhome][header]}-->
<!--{eval SetADV('group_myhome','header');}-->
<!--{/if}-->

<style type="text/css">
.mainWrap {
	min-height: 0;
}

.jia_code {
	float: right;
	padding-top: 8px;
	padding-right: 10px;
}

.container {
	clear: both;
	width: 920px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#nav {
	padding-left: 10px;
}

#nav ul li {
	float: left;
	line-height: 50px;
	height: 50px;
}

#nav ul li a {
	color: #fff;
	display: block;
	font-size: 16px;
	padding: 0 30px;
}

#nav ul li a:hover {
	background: #707273;
	font-size: 16px;
	display: block;
	padding: 0 30px;
}

.form-search {
	padding-top: 10px;
}

.left_index {
	width: 650px;
	float: left;
}

.right_index {
	width: 345px;
	float: right;
}

.box {
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	background: #fff;
	padding: 20px;
}

.pic {
	border: 1px solid #ccc;
}

h3.in_tit {
	margin: 0;
	color: #555;
	font-size: 20px;
	border-bottom: 1px dashed #D7D7D7;
	padding-bottom: 10px;
}

.news-right {
	overflow: hidden;
}

.padding-left-20 {
	padding-left: 20px;
}

.width-360 {
	width: 360px;
}

.width-350 {
	width: 350px;
}

.width-500 {
	width: 500px;
}

.width-429 {
	width: 429px;
}

.width-600 {
	width: 600px;
}

.news-left {
	float: left;
}

.news-right {
	float: right;
}

.mainSide .content,.news-left .content,.news-right .content {
	text-indent: 2em;
	padding-top: 10px;
	border-bottom: 1px dashed #D7D7D7;
	padding-bottom: 10px;
	line-height: 22px;
	margin-bottom: 10px;
}

.mainSide ul li,.news-left ul li,.news-right ul li {
	line-height: 26px;
	margin-top: 2px;
}

.mainSide .content h2,.news-right .content h2 {
	margin: 0;
	font-size: 20px;
	color: #819C1B;
	font-family: "微软雅黑";
	padding-bottom: 5px;
}

.mainWrap {
	float: left;
}

.mainWrap .info {
	float: left;
	padding-left: 20px;
	font-size: 14px;
}

.mainWrap .info h3 {
	margin: 0;
	font-size: 14px;
	border-bottom: 1px dashed #D7D7D7;
	padding-bottom: 10px;
	color: #819C1B;
}

.mainWrap ul li {
	border-bottom: 1px dashed #D7D7D7;
}
.mainWrap ul#journals_list{padding-left:20px;}
.mainWrap ul#journals_list li {
	padding:20px 0;
}

.mainWrap .info p {
	padding-top: 5px;
}

.gallery {
	padding-top: 20px;
}

.gallery li {
	width: 80px;
	text-align: center;
	float: left;
	margin: auto 3px;
}

.gallery li img {
	padding: 1px;
	border: 1px solid #ccc;
}

.gallery li span {
	display: block;
}

.left {
	float: left;
}

.right {
	float: right;
}
.feedCell{box-shadow:0px 0px 0px #fff;border-bottom:1px dashed #ccc}
</style>
<script src="js/kinslideshow.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		$("#KinSlideshow").KinSlideshow({
			moveStyle : "right", //切换方向 可选值：【 left | right | up | down 】
			intervalTime : 3, //设置间隔时间为5秒 【单位：秒】 [默认为5秒]
			moveSpeedTime : 400, //切换一张图片所需时间，【单位：毫秒】[默认为400毫秒]
			isHasTitleFont : false, //是否显示标题文字 可选值：【 true | false 】
			isHasTitleBar : false, //是否显示标题背景 可选值：【 true | false 】[默认为true]	
			isHasBtn : true,
			//标题文字样式，(isHasTitleFont = true 前提下启用)  
			//titleBar:{titleBar_height:30,titleBar_bgColor:"#08355c",titleBar_alpha:0.3},
			//titleFont:{TitleFont_size:12,TitleFont_color:"#FFFFFF",TitleFont_weight:"normal"},
			//按钮样式设置，(isHasBtn = true 前提下启用) 
			btn : {
				btn_bgColor : "#fff",
				btn_bgHoverColor : "#1072aa",
				btn_fontColor : "#000000",
				btn_fontHoverColor : "#FFFFFF",
				btn_borderColor : "#cccccc",
				btn_borderHoverColor : "#1188c0",
				btn_borderWidth : 1
			}
		});
	})
</script>
<script language="javascript">
$(document).ready(function(){get_month_dig();get_week_dig();});
function get_week_dig(){channel_right_show_ajax('week_dig','0','0','8');}
function get_month_dig(){channel_right_show_ajax('month_dig','0','0','8');}
</script>
<div class="container box" style="padding-top: 20px;">
	<div class="left">
		<div id="KinSlideshow" style="overflow: hidden; height: 250px;">
			{loop $slide_config[list] $_v}
			<!--{if $_v[enable] == 1}-->
			<li><a href="{$_v[href]}" target="_blank"><img
					src="{$_v[src]}" alt="" width="500" height="400" /></a></li>
			<!--{/if}-->
			{/loop}
		</div>

	</div>
	<div class="news-right width-360">
		<h3 class="in_tit">最新活动</h3>
		<!-- {if $event_first} -->
		<div class="e_list_box">
			<div class="left_user_info">
				<div class="avatar_left">
					<a href="index.php?mod=event&code=detail&id={$event_first[id]}">
						<img src="{$event_first[image]}" height="128" width="120">
					</a>
				</div>
				<div class="avatar2_info">
					<p class="left_t_nick_name">
						<a href="index.php?mod=event&code=detail&id=$event_first[id]"><strong>{$event_first[title]}</strong></a>
					</p>
					<p class="left_t2">时间：{$event_first[fromt]}</p>
					<p class="left_t2">地点：{$event_first[address]}</p>
					<p class="left_t2">
						发起人：<a href="index.php?mod={$event_first[uid]}" target="_blank">{$event_first[nickname]}</a>
					<p class="left_t2">
						活动进行中<br> 报名人数：{$event_first[app_num]} |
						参与人数：{$event_first[play_num]}
					</p>
				</div>
			</div>
		</div>
		<!-- {/if} -->
		<ul>
			<!-- {loop $event_list $key $val} -->
			<li><a href="index.php?mod=event&code=detail&id={$val[id]}">{$val[title]}</a></li>
			<!-- {/loop} -->
		</ul>
	</div>
	<div class="clear"></div>
</div>

<div class="container box" style="padding: 0; width: 960px;">
	<div class="mainWrap">
		<h3 class="in_tit" style="padding-top: 20px; padding-left: 20px;">兔友动态</h3>
		<!-- 兔友动态 -->
		<!--{loop $topic_list $val}-->
		<!--{eval $counts++;}-->
		<div class="feedCell" id="topic_list_{$val[tid]}">
			<!--{subtemplate topic_item_ajax}-->
		</div>
		<!--{/loop}-->
		<!-- 兔友动态结束 -->
	</div>
	<div class="mainSide">
		<!--{if $new_qun_list}-->
		<div class="side">
			<h3>最新{$this->Config[changeword][weiqun]}</h3>
			<ul class="sideul qun_r">
				<!--{loop $new_qun_list $val}-->
				<li>
					<div class="lface">
						<a href="index.php?mod=qun&qid={$val['qid']}" target="_blank">
							<img src="{$val[icon]}" title="{$val[name]}" />
						</a>
					</div>
					<div class="rcon">
						<span><a href="index.php?mod=qun&qid={$val['qid']}"
							target="_blank">{$val['name']}</a></span> <br /> <span
							style="color: #555;">{$val['member_num']}人&nbsp;&nbsp;|&nbsp;&nbsp;{$val['thread_num']}条{$this->Config[changeword][n_weibo]}</span>
						<br /> <span> <a href="javascript:;"
							onclick="joinQun({$val['qid']})">加入{$this->Config[changeword][weiqun]}</a></span>
					</div>
					<div class="clear"></div>
				</li>
				<!--{/loop}-->
			</ul>

		</div>
		<!--{/if}-->
		<!-- 推荐用户 -->
		<div class="side">
			<h3>最受关注榜</h3>
			<ul class="sideul sideuserList ">
				<!--{if $userfanstop}-->
				<!--{loop $userfanstop $val}-->
				<li style="margin-bottom: 5px"><a
					href="index.php?mod={$val[username]}" target="_blank"><img
						onerror="javascript:faceError(this);" src="{$val[face]}"
						class="manface"
						onmouseover="get_user_choose({$val[uid]},'_user',{$val[uid]})"
						onmouseout="clear_user_choose()"></a> <b><a
						href="{$val[username]}" target="_blank">{$val[nickname]}</a></b>
					<div id="user_{$val[uid]}_user"></div>
					<div id="alert_follower_menu_{$val[uid]}"></div>
					<div id="global_select_{$val[uid]}" class="alertBox"></div>
					<div id="get_remark_{$val[uid]}"></div>
					<div id="button_{$val[uid]}"
						onclick="get_group_choose({$val[uid]});"></div>
					<div id="Pmsend_to_user_area"></div></li>
				<!--{/loop}-->
				<!--{/if}-->
			</ul>
		</div>
		<!-- 推荐用户结束 -->
		<div class="side">
			<h3>一周热{$this->Config[changeword][dig]}</h3>
			<ul class="channelul" id="week_dig">
			</ul>
		</div>
		<div class="side">
			<h3>一月热{$this->Config[changeword][dig]}</h3>
			<ul class="channelul" id="month_dig">
			</ul>
		</div>
	</div>
	<div class="clear"></div>
</div>

<div class="container box" style="padding: 0; width: 960px;">
	<div class="mainWrap">
		<h3 class="in_tit" style="padding-left: 20px; padding-top: 20px;">游记</h3>
		<ul id="journals_list">
			<!-- {loop $journals_list $v} -->
			<li>
				<div class="left">
					<a target="_blank" href="index.php?mod=journals&code=detail&id=$v[id]"
						class="img"><img
						src="{$v[image]}"
						width="151" height="92"></a>
				</div>
				<div class="info width-429">
					<h3><a target="_blank" href="index.php?mod=journals&code=detail&id=$v[id]">{$v[title]}</a></h3>
					<p>{eval echo sub($v['content'],0,50)}</p>
					作者：<a href="index.php?mod={$v[uid]}">{$v[nickname]}</a> / 点击率{$v[click]} / {$v[create_time]}
				</div>
				<div class="clear"></div>
			</li>
			<!-- {/loop} -->
		</ul>
	</div>
	<div class="mainSide">
		<div class="side">
			<h3>
				最新户外知识 
			</h3>
			<ul class="sideul">
				<!--{loop $article_list $v}-->
				<li style="width: 100%; float: left;"><span
					class="boxRl listyle"><a
						href="index.php?mod=article&code=detail&id={$v[id]}">{$v[title]}</a></span></li>
				<!--{/loop}-->
			</ul>
		</div>
	</div>
	<div class="clear"></div>
</div>

<!--{if $this->Config[ad_enable] && $this->Config[ad][ad_list][group_myhome][footer]}-->
<!--{eval SetADV('group_myhome','footer');}-->
<!--{/if}-->


<!--底部-->
<!--{template "topic_footer"}-->